<template>
  <div class="app">

    <!-- 组件的注册 和通用组件 -->
    <!-- 头部 -->
    <AppHead></AppHead>
    <appcenter></appcenter>
    <!-- 尾部 -->
    <AppTail></AppTail>
  </div>
</template>

<script>
import Appcenter from "./components/Appcenter.vue";
import AppHead from "./components/AppHead.vue";
import AppTail from "./components/AppTail.vue";
export default {
  components: {
    AppHead,
    AppTail,
    Appcenter,
  },
};
</script>

<style>
*{
    margin: 0;
    padding: 0;
}
.app {
  width: 400px;
  height: 700px;
  background-color: pink;
  padding: 10px;
  margin: 0 auto;
}
</style>